<!DOCTYPE html>
<!--[if lt IE 7]>
<html lang="en" class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7]>
<html lang="en" class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8]>
<html lang="en" class="no-js ie8 oldie"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="no-js ie9"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths" lang="en"><!--<![endif]--><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" async="" src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/4950.js"></script><script src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/prum.js" async=""></script><script src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/ga.js" async="" type="text/javascript"></script><script>
           if(Function('/*@cc_on return document.documentMode===10@*/')()){
                document.documentElement.className+=' ie10';
            }
    </script>
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="msapplication-tap-highlight" content="no">

    <title>The Zebra - Compare Car Insurance Rates &amp; Buy Coverage</title>

    
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">


    
        <meta name="description" content="The Zebra is the best place to compare auto insurance rates and buy coverage.  We bring transparency to auto insurance by providing multiple rates from multiple carriers such as GEICO, State Farm, Allstate, Farmers, USAA, The General, and Nationwide.">
    

    
        <meta name="keywords" content="Car Insurance, Car Insurance Rates, Auto Insurance, Auto Insurance Rates, Save Money on Car Insurance, Save Money on Auto Insurance, Compare Auto Insurance, Compare Car Insurance, Car Insurance Comparison, Auto Insurance Comparison">
    

    
    <link rel="icon" type="image/x-icon" href="https://d265csgshwrzqv.cloudfront.net/common/images/favicon.ico">
    <link rel="shortcut icon" sizes="196x196" href="https://d265csgshwrzqv.cloudfront.net/common/images/favicon196.png">
    <link rel="apple-touch-icon" sizes="128x128" href="https://d265csgshwrzqv.cloudfront.net/common/images/favicon128.png">
    



    
    <link rel="stylesheet" type="text/css" href="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/fonts.css">


    
    

    
    <link rel="stylesheet" href="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/8aaa60cb00dd.css" type="text/css">

        <script type="text/javascript">
            window.CDN_HOST = "";
        </script>
    
        <!--[if lt IE 9]>
            <script type="text/javascript" src="https://d265csgshwrzqv.cloudfront.net/common/js/respond.min.js"></script>
            <link id="respond-proxy" rel="respond-proxy" href="https://d265csgshwrzqv.cloudfront.net/common/js/respond-proxy.iz.html" />

            <link href="/respond-redirect/" id="respond-redirect" rel="respond-redirect" />
            <script type="text/javascript" src="https://d265csgshwrzqv.cloudfront.net/common/js/respond.proxy.iz.min.js"></script>
            <link href="https://d265csgshwrzqv.cloudfront.net/homepage/css/ie8-style.css" rel="stylesheet"/>
        <![endif]-->   

    
    <script type="text/javascript">
        var _enableRouting = true;
        window.compareUrl = "/compare/";
    </script>
    
    <script type="text/javascript">
        window.newestYear = '2014';
        var sessionKey = 'None';
        window.IZ = {};
    </script>

    <script type="text/javascript">
                (function() {
                    function downloadJSAtOnload() {
                        var element = document.createElement("script");
                        element.src = "https://d265csgshwrzqv.cloudfront.net/compressed/js/135533e53b08.js";
                        document.body.appendChild(element);
                    }
                    // Check for browser support of event handling capability
                    if (window.addEventListener)
                        window.addEventListener("load", downloadJSAtOnload, false);
                    else if (window.attachEvent)
                        window.attachEvent("onload", downloadJSAtOnload);
                    else window.onload = downloadJSAtOnload;
                })();
            </script>



    
    
        <script>
        var _prum = [['id', '52a767dbabe53ddd74000000'],
                     ['mark', 'firstbyte', (new Date()).getTime()]];
        (function() {
            var s = document.getElementsByTagName('script')[0]
              , p = document.createElement('script');
            p.async = 'async';
            p.src = '//rum-static.pingdom.net/prum.min.js';
            s.parentNode.insertBefore(p, s);
        })();
        </script>
    
<script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script><style type="text/css"></style></head>

<body style="height: 1342px;" class="win">

    
    <!--[if lt IE 9]>
    <div data-bind="svgToPng: {}">
    <a href="/" class="current animated fadeIn"><h1 class="logo"><img
    src="https://d265csgshwrzqv.cloudfront.net/homepage/images/z-logo.svg" alt=""
    class="z"><span class="text">the<strong>zebra</strong></span></h1></a>
    </div>

    <h2 class="sub">Dang! Your browser don't fly 'round these parts. It's outdated. Click <a href="http://browsehappy.com/?locale=en" target="_blank">here</a> to upgrade your browser (or call us at <a href="tel:888-255-4364">888-255-4364</a>) so that you can use The Zebra and browse in style.</h2>
    <div class="interior" data-bind="svgToPng: {}">
        <div id="footer">

            <div class="inner">
                <ul class="topper">
                    <li class="social twitter"><a href="http://twitter.com/TheZebraCo" target="_blank"><img src="https://d265csgshwrzqv.cloudfront.net/homepage/images/icon-twitter.svg" alt=""></a></li>
                    <li class="social facebook"><a href="http://facebook.com/TheZebraCo" target="_blank"><img src="https://d265csgshwrzqv.cloudfront.net/homepage/images/icon-facebook.svg" alt=""></a></li>
                </ul>
            </div>

            <div class="contact">

                <div class="inner">

                    <div class="izzy">
                        <img id="izzy" src="" data-src="https://d265csgshwrzqv.cloudfront.net/homepage/images/izzy@2x.png" data-src-retina="https://d265csgshwrzqv.cloudfront.net/homepage/images/izzy@2x.png" alt="" data-bind="unveil: {immediate: true}">
                    </div>

                    <div class="online">
                        <a href="mailto:support@thezebra.com" class="email">support@thezebra.com</a>

                        <a href="http://jobs.thezebra.com" class="nav" target="_blank">careers</a>
                    </div>

                    <div class="phone">
                        <p class="number"><a href="tel:888-255-4364">888-255-4364</a></p>
                        <p class="hours">Mon - Fri 10:00AM - 6:00PM CST</p>
                    </div>

                </div>

            </div>

            <div class="bottom inner">

            <div class="legal">
                <p>Use of Insurance Zebra Insurance Services (DBA TheZebra.com) is subject to our <a href="/terms/" rel="nofollow">Terms of Service</a>. Copyright &copy; 2013 Insurance Zebra. All Rights Reserved. <a href="/terms/#licenses" rel="nofollow">View Licenses</a>. <a href="/privacy/">Privacy Policy.</a></p>
                <a href="/"><img src="https://d265csgshwrzqv.cloudfront.net/homepage/images/z-logo.svg" alt=""></a>
            </div>

            <div class="security-seal">
                <table width="135" border="0" cellpadding="2" cellspacing="0" title="Click to Verify - This site chose Symantec SSL for secure e-commerce and confidential communications.">
                <tr>
                <td width="135" align="center" valign="top"><script type="text/javascript" src="https://seal.verisign.com/getseal?host_name=www.thezebra.com&amp;size=XS&amp;use_flash=NO&amp;use_transparent=NO&amp;lang=en"></script><br />
                <a href="http://www.symantec.com/verisign/ssl-certificates" target="_blank"  style="color:#000000; text-decoration:none; font:bold 7px verdana,sans-serif; letter-spacing:.5px; text-align:center; margin:0px; padding:0px;">ABOUT SSL CERTIFICATES</a></td>
                </tr>
                </table>
            </div>

            </div>

        </div>
    </div>
    <![endif]-->

    <!--[if gt IE 8]><!-->
    
    <script type="text/javascript">
        var errorDict = {"102": "zipEmpty", "103": "zipBad", "100": "_invalidDOB", "101": "_badDOB", "106": "_invalid_age_first_licensed", "105": "_bad_age_first_licensed"};
    </script>

    <ol class="curtains" data-bind="curtain: {scrollSpeed: 300, curtainLinks: 'a.curtainLink'}, svgToPng: {}, click: closeChoices">

        <li data-position="0" data-height="632" style="min-height: 632px; z-index: 999; margin-top: 0px;" class="current" id="start">


            <a style="margin-top: 0px;" href="https://www.thezebra.com/" class="current animated fadeIn"><div class="logo"><img src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/z-logo.svg" alt="" class="z"><span class="text">the<strong>zebra</strong></span></div></a>

            <div class="land">
                <h1 class="sell animated fadeInUp" style="font-size: 28px; display: none;" data-bind="css: {animated: true, fadeInUp: true}, fitText: {kompressor: 3.2, minFontSize: '28px', visible: proveItVisible}, visible: proveItVisible">The new way to shop for car insurance</h1>

                <h2 class="sub animated fadeInUp device-notice" style="font-size: 16px; display: none;" data-bind="css: {animated: true, fadeInUp: true}, fitText: {kompressor: 5.6, minFontSize: '16px', visible: proveItVisible}, visible: proveItVisible">Compare <strong>204</strong> auto insurance providers <strong>in
                    seconds</strong>. No spam.</h2>

                <div class="madlib animated fadeInUp" style="font-size: 42.2692px;" data-bind="css: {'animated fadeInUp': !proveItVisible()}, visible: !proveItVisible(), fitText: {kompressor: 2.6, minFontSize: '18px', triggerResize: !proveItVisible()}">
                    <div style="display: none;" class="madliberrors clearfix" data-bind="slideDownMessage: { visible: hasError() }">
                        <div class="errorVehicle" data-bind="visible: !isVehicleValid()">Please select a Vehicle</div>
                        <div class="errorZip" data-bind="visible: !zipcodeVM.isValid()">Invalid Zip</div>
                    </div>
                    <span class="static">I drive a</span>
                    <a class="" id="vehicle" href="#" data-bind="event: {hover: activateUserEntry}, click: activateUserEntry, css: {picked: selectedTrim() !== undefined}"><span data-bind="flipText: {enabled: !userEntryEnabled() &amp;&amp; !proveItVisible(), choices: initialVehicles}"><span style="display: none;" id="old" data-bind="visible: !userEntryEnabled()">1995 Toyota Camry</span>
                    <span style="display: none;" id="new" data-bind="visible: !userEntryEnabled()"></span></span><span id="user" data-bind="text: userEntryText"></span><i class="iz-icon-edit"></i></a>
                    <span class="static">and live in<span class="mobile"> zip code</span></span>
                    <span style="display: none;" class="zip" data-bind="visible: !userEntryEnabled(), flipText: {enabled: !userEntryEnabled() &amp;&amp; !proveItVisible(), choices: initialZips}, event: {hover: activateUserEntry}"><span style="display: none;" class="zipflip" data-bind="visible: !userEntryEnabled()">78701</span><span style="display: none;" class="zipflip" data-bind="visible: !userEntryEnabled()"></span></span>
                    <!-- ko with: zipcodeVM -->
                    <input style="" id="zip" class="zip" placeholder="zip" autocomplete="off" data-action="/compare/" data-bind="visible: $parent.userEntryEnabled(), value: zipcode, event: {hover: $parent.activateUserEntry, keydown: IZ.Utils.preventNonNumeric.bind($data, false, false), keyup: $parent.submitOnEnter}, focus: $parent.zipcodeHasFocus, placeholder: {name: zipcode}, valueUpdate: 'keydown'" maxlength="5" type="tel">
                    <!-- /ko -->
                </div>

                <div class="choice" style="" data-bind="slideDownMessage: {visible: showChoices(), speed: 'fast'}, click: choiceBoxClick">
                    <div class="choice-leftcol" data-bind="css: {'active-picked': !yearsActive()}">
                        <ul tabindex="0" style="overflow: hidden; padding: 0px; width: 189px;" class="years active jspScrollable" data-bind="jScrollPane: {mouseWheelSpeed: 30, autoReinitialise: false, verticalGutter: 8, visible: showChoices(), onMobile: false}, css: {'active-picked': !yearsActive()}, event: {mousewheel: stopParentScroll, DOMMouseScroll: stopParentScroll}">
                        
                            
                        <div style="width: 189px; height: 185px;" class="jspContainer"><div style="padding: 20px 0px 150px; top: 0px; width: 173px;" class="jspPane"><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2015'}">2015</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2014'}">2014</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2013'}">2013</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2012'}">2012</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2011'}">2011</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2010'}">2010</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2009'}">2009</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2008'}">2008</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2007'}">2007</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2006'}">2006</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2005'}">2005</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2004'}">2004</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2003'}">2003</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2002'}">2002</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2001'}">2001</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '2000'}">2000</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1999'}">1999</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1998'}">1998</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1997'}">1997</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1996'}">1996</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1995'}">1995</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1994'}">1994</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1993'}">1993</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1992'}">1992</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1991'}">1991</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1990'}">1990</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1989'}">1989</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1988'}">1988</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1987'}">1987</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1986'}">1986</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1985'}">1985</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1984'}">1984</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1983'}">1983</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1982'}">1982</a></li><li><a class="" href="#" data-bind="click: selectYear, css: {picked: selectedYear() == '1981'}">1981</a></li></div><div class="jspVerticalBar"><div class="jspCap jspCapTop"></div><div style="height: 185px;" class="jspTrack"><div style="height: 26px; top: 0px;" class="jspDrag"><div class="jspDragTop"></div><div class="jspDragBottom"></div></div></div><div class="jspCap jspCapBottom"></div></div></div></ul>
                        <div class="stepwrap years-stepwrap">
                            <span class="step show" data-bind="css: {'show': yearsActive()}">
                                <em>1</em>
                                <span class="label-full">Pick vehicle year</span>
                                <span class="label-mid">Vehicle year</span>
                                <span class="label-small">Year</span>
                            </span>
                        </div>
                    </div>
                    <div class="choice-rightcol">
                        <div tabindex="0" style="overflow: hidden; padding: 0px; width: 887px;" class="vehicles jspScrollable" data-bind="jScrollPane: {mouseWheelSpeed: 30, autoReinitialise: false, verticalGutter: 8, visible: showChoices(), onMobile: false}, css: {active: vehiclesActive()}, vehicleColumnUpdateOnResize: numberOfColumns, event: {mousewheel: stopParentScroll, DOMMouseScroll: stopParentScroll}">
                            
                            
                            
                        <div style="width: 887px; height: 185px;" class="jspContainer"><div style="padding: 20px 0px 150px; top: 0px; margin-left: 8px; width: 912px;" class="jspPane"><div style="" class="scrollList" data-bind="visible: showMakes, foreach: makes, css: {'animated fadeOut': showModels}">
                                <ul class="make" data-bind="foreach: $data">
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Acura</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Audi</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">BMW</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Buick</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Cadillac</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Chevrolet</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Chrysler</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Dodge</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">FIAT</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Ford</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">GMC</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Honda</a></li>
                                </ul>
                            
                                <ul class="make" data-bind="foreach: $data">
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Hyundai</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Infiniti</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Jaguar</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Jeep</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Kia</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Land Rover</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Lexus</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Lincoln</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Mazda</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Mercedes-Benz</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">MINI</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Mitsubishi</a></li>
                                </ul>
                            
                                <ul class="make" data-bind="foreach: $data">
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Nissan</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Porsche</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Ram</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Scion</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Smart</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">SRT</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Subaru</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Tesla</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Toyota</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Volkswagen</a></li>
                                
                                    <li><a href="#" data-bind="text: $data, click: $root.selectMake">Volvo</a></li>
                                </ul>
                            </div><div style="display: none;" class="scrollList" data-bind="visible: showModels, foreach: models, css: {'animated fadeIn': showModels(), 'animated fadeOut': showTrims}"></div><div style="display: none;" class="scrollList" data-bind="visible: showTrims, foreach: trims, css: {'animated fadeIn': showTrims}"></div></div><div class="jspVerticalBar"><div class="jspCap jspCapTop"></div><div style="height: 185px;" class="jspTrack"><div style="height: 61px; top: 0px;" class="jspDrag"><div class="jspDragTop"></div><div class="jspDragBottom"></div></div></div><div class="jspCap jspCapBottom"></div></div></div></div>
                        <div class="stepwrap">
                            <span style="" class="step current-step" data-bind="css: {'show': vehiclesActive(), 'hide': showModels() || showTrims()}"><em>2</em>Pick your vehicle make</span>
                        </div>
                        <div class="stepwrap">
                            <span style="" class="step" data-bind="css: {'show': showModels(), 'hide': showTrims}"><em>3</em>Pick your vehicle model</span>
                        </div>
                        <div class="stepwrap">
                            <span class="step" data-bind="css: {'show': showTrims}"><em>4</em>Pick your vehicle trim</span>
                        </div>
                    </div>
                </div>
                <a href="#" data-icon="" style="" class="button animated fadeInUp submit" data-bind="visible: true, click: onProveItClick, text: buttonText, css: {animated: true, fadeInUp: true, submit: !proveItVisible(), arrowRemove: showSpinner()}, spinner: {observable: showSpinner}">Let's Go</a>
            </div>

            <div class="city animated fadeInUp" style="" data-bind="css: {animated: true, fadeInUp: true}, visible: true">
                <img src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/vehicle_carwithzebra_1.svg" alt="" class="vehicle carwithzebra animated drive">
                <img src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/vehicle_boxtruck_2.svg" alt="" class="vehicle double boxtruck animated drive">
                <img style="margin-left: -885.8px;" src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/long-city.svg" alt="" id="all" class="all" data-bind="cityMargin: {}">
            </div>






            <a href="#about" class="learn curtainLink animated fadeInUp">Learn More</a>

        </li>
        <li data-position="632" data-height="710" style="min-height: 710px; z-index: 998;" id="about">

            <div class="points">

            <div class="point first">
                <div class="inner">
                    <p><strong>Simple</strong>Fewer questions asked, more results delivered. Shopping for auto insurance has
                        never been easier (or so paperless).</p>
                </div>
            </div>

            <div class="point second">
                <div class="inner">
                    <p><strong>Private</strong>Safe comparisons without sharing personal information. We hate spam
                        too.</p>
                </div>
            </div>

            <div class="point third">
                <div class="inner">
                    <p><strong>Instant</strong>See estimates from multiple insurance companies within seconds.
                        For real.</p>
                </div>
            </div>

            <div class="point fourth">
                <div class="inner">
                    <p><strong>Fair</strong>We’re not an insurance company. We’re a licensed agency on a
                        mission to bring transparency to insurance.</p>
                </div>
            </div>

            </div>

            

    
        <div id="footer">

            <div class="inner">
                <ul class="topper">
                    <li class="social twitter"><a href="http://twitter.com/TheZebraCo" target="_blank"><img src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/icon-twitter.svg" alt=""></a></li>
                    <li class="social facebook"><a href="http://facebook.com/TheZebraCo" target="_blank"><img src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/icon-facebook.svg" alt=""></a></li>
                    <li class="geta-quote"><a href="https://www.thezebra.com/#prove-it" data-bind="click: goToProveIt">GET A QUOTE</a></li>
                </ul>
            </div>

            <div class="contact">

                <div class="inner">

                    <div class="izzy">
                        <img id="izzy" src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/izzy2x.png" data-src="https://d265csgshwrzqv.cloudfront.net/homepage/images/izzy@2x.png" data-src-retina="https://d265csgshwrzqv.cloudfront.net/homepage/images/izzy@2x.png" alt="" data-bind="unveil: {immediate: true}">
                    </div>

                    <div class="online">
                        <a href="mailto:support@thezebra.com" class="email">support@thezebra.com</a>

                        <a href="http://jobs.thezebra.com/" class="nav" target="_blank">careers</a>
                    </div>

                    <div class="phone">
                        <p class="number"><a href="tel:888-255-4364">888-255-4364</a></p>
                        <p class="hours">Mon - Fri 10:00AM - 6:00PM CST</p>
                    </div>

                </div>

            </div>

            <div class="bottom inner">

            <div class="legal">
                <p>Use of Insurance Zebra Insurance Services (DBA TheZebra.com) is subject to our <a href="https://www.thezebra.com/terms/">Terms of Service</a>. Copyright © 2013 Insurance Zebra. All Rights Reserved. <a href="https://www.thezebra.com/terms/#licenses">View Licenses</a>. <a href="https://www.thezebra.com/privacy/">Privacy Policy.</a></p>
                <a href="https://www.thezebra.com/"><img src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/z-logo.svg" alt=""></a>
            </div>

            <div class="security-seal">
                <table title="Click to Verify - This site chose Symantec SSL for secure e-commerce and confidential communications." cellpadding="2" cellspacing="0" border="0" width="135">
                <tbody><tr>
                <td align="center" valign="top" width="135"><script type="text/javascript" src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/getseal"></script><a href="javascript:vrsn_splash()" tabindex="-1"><img name="seal" src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/getseal.gif" oncontextmenu="return false;" alt="Click to Verify - This site has chosen an SSL Certificate to improve Web site security" border="true"></a><br>
                <a href="http://www.symantec.com/verisign/ssl-certificates" target="_blank" style="color:#000000; text-decoration:none; font:bold 7px verdana,sans-serif; letter-spacing:.5px; text-align:center; margin:0px; padding:0px;">ABOUT SSL CERTIFICATES</a></td>
                </tr>
                </tbody></table>
            </div>

            </div>

        </div>
    
    <!--<![endif]-->


    
        </li>

    </ol>



    
        
            <script type="text/javascript">
                setTimeout(function(){var a=document.createElement("script");
                var b=document.getElementsByTagName("script")[0];
                a.src=document.location.protocol+"//dnn506yrbagrg.cloudfront.net/pages/scripts/0017/4950.js?"+Math.floor(new Date().getTime()/3600000);
                a.async=true;a.type="text/javascript";b.parentNode.insertBefore(a,b)}, 1);
            </script>
        
    

    
        <!--[if lt IE 7]>
            <script src='//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js'></script>
            <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})});</script>
        <![endif]-->
    
<script type="text/javascript">if(!NREUMQ.f){NREUMQ.f=function(){NREUMQ.push(["load",new Date().getTime()]);var e=document.createElement("script");e.type="text/javascript";e.src=(("http:"===document.location.protocol)?"http:":"https:")+"//"+"js-agent.newrelic.com/nr-100.js";document.body.appendChild(e);if(NREUMQ.a)NREUMQ.a();};NREUMQ.a=window.onload;window.onload=NREUMQ.f;};NREUMQ.push(["nrfj","beacon-1.newrelic.com","88d5e510f0","88469","Z1ZQYBMAWkdYVhAIWV4cdEEPAkBdVltLAllCVhxCCARDRwNcCgVTSA==",1,9,new Date().getTime(),"","","","",""]);</script>

<script src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/135533e53b08.js"></script><script src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/nr-100.js" type="text/javascript"></script><script src="The%20Zebra%20-%20Compare%20Car%20Insurance%20Rates%20&amp;%20Buy%20Coverage_files/88d5e510f0" type="text/javascript"></script></body></html>